/* 关于我们 */
<template>
  <div class="aboutUs">
    <!-- 上部卡片 -->
      <div style="padding: 5px">
         <Row style="padding:10px 0">
            <Col span="4">
              <h4>联系我们</h4>
            </Col>
            <Col span="4" offset="16">
            <Button type="primary" class="bss">修改</Button>
            </Col>
          </Row >
              <Row :gutter="8" type="flex" justify="space-around">
                <Col span="6">
                  <card :bordered="false" class="bord">
                    <div style="text-align: center;">
                      <img :src="iconImg1">
                      <br>
                      <h4>—— 公司名称 ——</h4>
                      <br>
                      <h3>鑫安利中（北京）科技有限公司</h3>
                    </div>
                  </card>
                </Col>
                <Col span="6">
                  <card :bordered="false" class="bord">
                    <div style="text-align: center;">
                      <img :src="iconImg2">
                      <br>
                      <h4>—— 公司地址 ——</h4>
                      <br>
                      <h3>北京市朝阳区和平街14区甲16号1幢5层</h3>
                    </div>
                  </card>
                </Col>
                <Col span="6">
                  <card :bordered="false" class="bord">
                    <div style="text-align: center;">
                      <img :src="iconImg3">
                      <br>
                      <h4>—— 联系电话 ——</h4>
                      <br>
                      <h3>400-7666-950</h3>
                    </div>
                  </card>
                </Col>
                <Col span="6">
                  <card :bordered="false" class="bord">
                    <div style="text-align: center;">
                      <img :src="iconImg4">
                      <br>
                      <h4>—— 公司网址 ——</h4>
                      <br>
                      <h3>http:www.xinanli.cn/</h3>
                    </div>
                  </card>
                </Col>
              </Row>
         </card>
      </div>
      <!-- 下部卡片 -->
      <div style="background-color: #eee;padding: 5px">
        <Row :gutter="16">
          <Col span="12">
            <card :bordered="false" style="height: 400px">
              <Row style="padding:10px 0">
            <Col span="4">
              <h4>微信公众号</h4>
            </Col>
            <Col span="4" offset="16">
            <Button type="primary" class="bss">修改</Button>
            </Col>
          </Row>
                  <div style="text-align: center;">
                    <img :src="iconImg5">
                    <p style="margin-right: 9%; padding-top: 5px">安环家公众微信号</p>
                    <p style="padding-top: 3px">实时获取行业资讯，更快捷！</p>
                    <p style="padding-top: 3px">安环人的互动家园，更方便！</p>
                  </div>
         </card>
          </Col>
          <Col span="12">
            <card :bordered="false" style="height: 400px">
              <Row style="padding:10px 0">
            <Col span="4">
              <h4>版本信息</h4>
            </Col>
            <Col span="4" offset="16">
            <Button type="primary" class="bss">修改</Button>
            </Col>
          </Row>
                  <div style="text-align: center;">
                    <img :src="iconImg6">
                    <h2>环评作业管控系统</h2>
                    <h2>v1.0</h2>
                    <ButtonGroup vertical>
                      <Button style="width: 200px;margin-top: 8px">版本说明</Button>
                      <Button style="width: 200px;margin-top: 8px">检查新版本</Button>
                      <Button style="width: 200px;margin-top: 8px">软件用户协议</Button>
                    </ButtonGroup>
                  </div>
         </card>
          </Col>
        </Row>
      </div>
  </div>
</template>

<script>
    export default {
  data() {
    return {
      tab0: true,
      tab1: true,
      conImg1: require('@/assets/images/indexIcon-1.png'),
        iconImg2: require('@/assets/images/indexIcon-2.png'),
        iconImg3: require('@/assets/images/indexIcon-3.png'),
        iconImg4: require('@/assets/images/indexIcon-4.png'),
        columns1: [
          {
              title: '人员',
              key: 'name'
          },
          {
              title: 'Ip',
              key: 'ip'
          },
          {
              title: '操作',
              key: 'operation'
          },
          {
              title: '时间',
              key: 'time'
          }
        ],
         data1: [
          {
              name: '系统管理员 张三',
              ip: 'ip:xxxxxx',
              operation: '登陆系统',
              time: '2016-10-03 ：24：00'
          },
          {
              name: '系统管理员 张三',
              ip: 'ip:xxxxxx',
              operation: '登陆系统',
              time: '2016-10-03 ：24：00'
          },
          {
              name: '系统管理员 张三',
              ip: 'ip:xxxxxx',
              operation: '登陆系统',
              time: '2016-10-03 ：24：00'
          },
          {
              name: '系统管理员 张三',
              ip: 'ip:xxxxxx',
              operation: '登陆系统',
              time: '2016-10-03 ：24：00'
          },
          {
              name: '系统管理员 张三',
              ip: 'ip:xxxxxx',
              operation: '登陆系统',
              time: '2016-10-03 ：24：00'
          },

        ],
      iconImg1: require("@/assets/images/abus1.png"),
      iconImg2: require("@/assets/images/abus2.png"),
      iconImg3: require("@/assets/images/abus3.png"),
      iconImg4: require("@/assets/images/abus4.png"),
      iconImg5: require("@/assets/images/weichat.png"),
      iconImg6: require("@/assets/images/icon.png"),

    };
  },

  methods: {
  }
};
</script>

<style scoped>

</style>
